import Image from 'next/image';
import { Button } from '@/components/ui/button';
import { InstallationSection } from '@/components/installation';
import { UsageSection } from '@/components/usage';

export default function Home() {
  return (
    <main className="w-full min-h-full flex justify-center">
      <div className="flex flex-col gap-10 items-center mt-20">
        <div className="text-center flex flex-col gap-3 items-center">
          <p className="text-4xl font-bold">react-query-extend</p>
          <p>react-query扩展组件</p>
        </div>
        <InstallationSection />
        <UsageSection />
      </div>
    </main>
  );
}
